<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
        <title>{% block title %}Mediacosmos{% endblock %}</title>

        {%block stylesheets %}
            <link rel="stylesheet" href="{{asset('css/style.css')}}" type="text/css" />
        {% endblock %}
    </head>

    <body>
        <header>
            <h1 id="mainTitle"><a href="{{ url('mediacosmos_consultation_homepage') }}">Mediacosmos</a></h1>
            <div id="logSubBlock">
                {% if is_granted('IS_AUTHENTICATED_FULLY') %}
                <a href="{{ url('fos_user_profile_show') }}">{{ app.user.username | capitalize}}</a>
                    <a href="{{ url('fos_user_security_logout') }}">Déconnexion</a>
                {% else %}
                    <a href="{{ url('fos_user_security_login') }}">Connexion</a> 
                    <a href="{{ url('mediacosmos_user_registration') }}">Inscription</a>
                {% endif %}
            </div>
        </header>	
	{% block menu %}{% endblock %}
        <div id="container">
        	{% block body %}
          	{% endblock %}
        </div>

        <footer>
            {% block footer %}
            <div id="mainFooterContent">Mediacosmos &copy 2014</div>
            {% endblock %}
        </footer>

        {% block javascripts %}
            {# Ajoutez ces lignes JavaScript si vous comptez vous servir des fonctionnalités du bootstrap Twitter #}
            <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.js"></script>
            <script src="{{asset('js/jquery.min.js')}}"></script>
        {% endblock %}

    </body>
</html>			
